<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- <style>
        html, body, #map {
            height: 100%; width: 100%; margin: 0; padding: 0;
        }

        #search {
            z-index: 20;
            margin: auto;
            height: 95px;
            width: 400px;
            margin: auto;
            position: absolute;
            top: 20px;
            left: 0;
            right: 0;
        }

        #info {
            top: 200px;
            color: #444;
            height: auto;
            font-family: arial;
            left: 16px;
            margin: 2px;
            padding: 3px;
            position: absolute;
            width: 40px;
            z-index: 40;
            border: solid 1px #666;
            border-radius: 4px;
            background-color: #fff;
        }

        html, body, #mapDiv {
            padding:0;
            margin:0;
            height:100%;
        }

        #info button {
            background-color: white;
            padding: 2px;
            text-align: center;
            margin: 4px 4px;
            cursor: pointer;
            border-radius: 4px;
            width: 30px;
            border: 1px solid
        }

        #info button:hover {
            padding: 2px;
            text-align: center;
            margin: 4px 4px;
            cursor: pointer;
            border-radius: 4px;
            width: 30px;
            border: 1px solid #1e90ff;
            color: #1e90ff;
        }

    </style> -->
</head>
<body>
	<div id="content">
		<input type="file" id="file" name="file" style="display: none;" />
		<section class="content-header">
			<h1>
				<i class="fa fa-dashboard"></i> <strong>部件编辑</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>部件编辑</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-md-2">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">部件类型</h4>
						</div>
						<div class="box-body">
							<ul id="partTree" class="ztree ztree-wrap" style="height: 638px;"></ul>
						</div>
					</div>
				</div>
				<div class="col-md-10">
					<div class="box box-info">

						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">在线部件</h4>
						</div>
						<div class="form-inline">
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right addPartInMapBtn">添加部件</button>
							</div>
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right cancelPartInMapBtn"
									disabled="disabled">取消添加部件</button>
							</div>
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right showThreeDInMapBtn">2.5D展示</button>
							</div>
							<div class="input-group">
								<input type="text" class="form-control" id="searchMap"
									placeholder="search...." /> <span class="input-group-btn">
									<button type="button" name="search"
										class="btn btn-info searchMapBtn">查询</button>
									<button type="button" name="resetMap" id="resetMap"
										class="btn btn-info resetMapBtn">撤消</button>
								</span>
							</div>
						</div>
						<div class="box box-info">
							<div style="height: 600px;" id="map"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">部件基本信息</h4>
						</div>
						<div class="box-body">
							<div class="form-inline">
								<div class="input-group">
									<input type="text" class="form-control" id="search"
										placeholder="Search..." /> <span class="input-group-btn">
										<button type="button" name="search"
											class="btn btn-info searchBtn">查询</button>
										<button type="button" name="reset" id="reset"
											class="btn btn-info resetBtn">撤消</button>
									</span>
								</div>
								<input type="file" class="pull-right" name="file" id="partBaseInfoFile" />
								<button type="button" class="btn btn-info pull-right addBtn">添加</button>
								<button type="button" class="btn btn-info pull-right download">模板下载</button>
								<button type="button" class="btn btn-info pull-right upload">批量导入</button>
							</div>
						</div>
						<div class="box box-body">
							<table id="dataTable"
								class="mytable display table-bordered text-center"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="5%">序号</th>
										<th width="10%">部件名称</th>
										<th width="15%">生产厂家</th>
										<th width="10%">生产日期</th>
										<th width="10%">安装日期</th>
										<th width="5%">图标</th>
										<th width="10%">权属部门</th>
										<th width="10%">所属部件</th>
										<th width="10%">状态</th>
										<th width="10%">操作</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">部件条件信息</h4>
						</div>
						<div class="box-body">
							<div class="form-inline">
								<div class="input-group">
									<input type="text" class="form-control" id="search1"
										placeholder="Search..." /> <span class="input-group-btn">
										<button type="button" name="search"
											class="btn btn-info searchBtn1">查询</button>
										<button type="button" name="reset" id="reset"
											class="btn btn-info resetBtn1">撤消</button>
									</span>
								</div>
								<button type="button" class="btn btn-info pull-right deleteBtn">移除</button>
							</div>
						</div>
						<div class="box box-body">
							<table id="dataTable1"
								class="mytable display table-bordered text-center"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="15%">序号</th>
										<th width="5%"><input type="checkbox" id="allBound" /></th>
										<th width="20%">类型</th>
										<th width="45%">描述</th>
										<th width="15%">操作</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="col-md-2">
					<div class="box box-info">
						<div class="box-header with-border">
							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>条件信息</strong>
							</h3>
						</div>
						<div class="box-body">
							<form id="conditionForm">
								<div class="modal-body">
									<input type="hidden" name="conditionId" id="conditionId" />
									<div class="form-horizontal">
										<div class="form-group">
											<label class="col-sm-6">类型</label>
											<div class="col-sm-12">
												<div class="col-md-11">
													<select class="form-control" name="conditionType"
														id="conditionType" style="width: 100%;"
														datatype="*,*1-100" nullmsg="请选择类型！">
														<option></option>
														<option th:each="option:${conditions}"
															th:text="${option.title}" th:value="${option.id}"></option>
													</select>
												</div>
												<div class="col-md-1">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-6">描述</label>
											<div class="col-sm-12">
												<div class="col-md-11">
													<textarea rows="5" cols="10" class="form-control"
														name="content" id="content" datatype="*,*1-100"
														nullmsg="请输入描述"></textarea>
												</div>
												<div class="col-md-1">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div>
											</div>
										</div>
									</div>
								</div>
							</form>
							<div class="modal-footer">
								<button type="button" class="btn btn-info addInfoBtn">添加</button>
								<button type="button" id="editBtn"
									class="btn btn-warning editInfoBtn" disabled="disabled">编辑</button>
								<button type="button" class="btn btn-primary saveInfoBtn">保存</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--层级添加信息框-->
		<div class="modal" id="Modal">
			<div class="modal-dialog" role="dialog" style="width: 40%">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close goBackBtn" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">
							<strong>部件信息</strong>
						</h4>
					</div>
					<div class="modal-body">
						<form id="modalForm">
							<input type="hidden" name="id" id="id" />
							<input type="hidden" name="partAdress" id="partAdress" />
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-2 control-label">经度</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="longitude"
												id="longitude" datatype="*1-100" nullmsg="请输入部件经度" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
									<label class="col-sm-2 control-label">纬度</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="latitude"
												id="latitude" datatype="*1-100" nullmsg="请输入部件纬度" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">部件名称</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="partName"
												id="partName" datatype="*,*1-100" nullmsg="请输入部件名称" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
									<label class="col-sm-2 control-label">生产厂家</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="manufacturer"
												id="manufacturer" datatype="*,*1-100" nullmsg="请输入部件编码" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">生产日期</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="date" name="productionTime"
												id="productionTime" datatype="*,*1-100" nullmsg="请输入生产日期" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
									<label class="col-sm-2 control-label">安装日期</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="date"
												name="installationTime" id="installationTime"
												datatype="*,*1-100" nullmsg="请输入安装日期" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">图标</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<label class="col-sm-12 left-label" style="padding-left: 0;"><a
												href="javascript: ;" id="fileclick"><img id="avatar"
													src="" width="30px" height="30px" /></a></label>
										</div>
									</div>
									<label class="col-sm-2 control-label">部件状态</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<select class="form-control" name="state" id="state"
												style="width: 100%;" datatype="*,*1-100" nullmsg="请选择部件状态！">
												<option th:each="option:${options}"
													th:text="${option.title}" th:value="${option.id}"></option>
											</select>
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">设备编码</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="deviceIdentify"
												id="deviceIdentify" datatype="*,*1-100" nullmsg="请输入设备编码" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
								</div>
							</div>
						</form>
						<form id="interfaceForm">
							<div class="form-horizontal" id="interfaceDiv">
								<div class="form-group">
									<label class="col-sm-2 control-label">接口地址</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text"
												name="interfaceAddress" id="interfaceAddress"
												datatype="*,*1-100" nullmsg="请输入接口地址" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
									<label class="col-sm-2 control-label">接口端口</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="interfacePort"
												id="interfacePort" datatype="*,*1-10" nullmsg="请输入接口端口" />
										</div>
										<div class="col-md-1">
											<span style="color: #F00; fontsize: 30px">*</span>
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary saveBtn">保存</button>
						<button type="button" class="btn btn-default goBackBtn"
							data-dismiss="modal">返回</button>

					</div>
				</div>
			</div>
			<!-- <link rel="stylesheet" type="text/css"
				href="http://39.104.15.140/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
			<link rel="stylesheet" type="text/css"
				href="http://39.104.15.140/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
			<script type="text/javascript"
				src="http://39.104.15.140/arcgis_js_api/library/3.16/3.16/init.js"></script> -->
			<link rel="stylesheet" type="text/css"
				href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
			<link rel="stylesheet" type="text/css"
				href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
			<script type="text/javascript"
				src="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/init.js"></script>
		</div>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX&amp;services=&amp;t=20180323171755"></script>
		<script th:src="@{/js/mapcoordinate.js}"></script>
		<script th:src="@{/partBaseInfo/partBaseInfoindex.js}"></script>
		<script th:src="@{/partBaseInfo/upAndDown.js}"></script>


	</div>

</body>
</html>